import React from 'react';
import { Button } from 'antd-mobile';

import './index.sass';

class Footer extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <div className="crm-fixed-footer-container">
      {
        this.props.disabled ? <Button disabled style={{width: '100%', height: '100%', color: '#999'}}>{this.props.children}</Button>
        : <Button onClick={this.props.onClick} style={{ width: '100%', height: '100%' }}>
          {this.props.children}
        </Button>
      }
        
      </div>
    );
  }
}

export default Footer;
